import React from 'react'
import Count from '../../../components/Count/Count';
import GoodsList from '../../../components/GoodsList/GoodsList';
import Cart from '../../../components/Cart/Cart';
import { Collapse } from 'antd';
const { Panel } = Collapse;
function callback(key) {
  console.log(key);
}
const text = `
  A dog is a type of domesticated animal.
  Known for its loyalty and faithfulness,
  it can be found as a welcome guest in many households across the world.
`;
class MouseTracker extends React.Component {
    render() {
        return (
            <div>
                <Count></Count>
                <GoodsList></GoodsList>
                <Cart></Cart>
                <Collapse defaultActiveKey={['1']} onChange={callback}>
                  <Panel header="This is panel header 1" key="1">
                    <p>{text}</p>
                  </Panel>
                  <Panel header="This is panel header 2" key="2">
                    <p>{text}</p>
                  </Panel>
                  <Panel header="This is panel header 3" key="3">
                    <p>{text}</p>
                  </Panel>
                </Collapse>,
            </div>
        );
    }
}
export default MouseTracker
